<template>
  <div>
    <div class="item_box">
      <dl class="item_detail">
        <dt class="product_name">
          <h1>工作茶首选 金骏眉口粮茶 1号250g</h1>
          <p class="desc"></p>
        </dt>
        <dd id="item_info">
          <ul class="pri " id="product_indo_area" style="position:relative">
            <li class="t1" id="product_price_tag">网站价</li>
            <li class="t2"><strong id="salePrice">¥<span class="price-val-for-dyn-upd">99.00</span> </strong></li>
            <li class="t4">市场价 <del class="oldprice-val-for-dyn-upd">158.00</del></li>
          </ul>
          <ul class="property cle">
            <li>
              <el-row>
                <el-col :span="4"> <span class="lbl">顾客评分：</span></el-col>
                <el-col :span="12"> <el-rate
                  v-model="value"
                  disabled
                  show-score
                  text-color="#ff9900"
                  score-template="{value}">
                </el-rate> </el-col>
                <el-col :span="8"> （<a href="#part_comment" id="s_comment">已有<span class="setReviewNumber">71</span>人评价</a>）</el-col>
              </el-row>
            </li>
            <li>
              <span class="lbl">销　　量：</span>
<span>
最近售出<em class="orange setSaleVolume">-</em>
</span>
            </li>
      <li>
                <span class="lbl">运　　费：</span>
                <span>
                    <em class="orange">全场满99包邮</em>
                </span>
            </li>

            <li>
              <span class="lbl">数量：</span>
              <el-input-number v-model="num"   :min="1" :max="10" label="描述文字"></el-input-number>

            </li>
            <li class="bit">
              <el-button type="warning" plain>立即购买</el-button>
              <el-button type="danger" plain>加入购物车</el-button>
            </li>
          </ul>
          <!--规格-->

        </dd>
      </dl>
    </div>
  </div>
</template>

<script>
    export default {
        name: "goods",
      data () {
        return{
          value:4.3,
          num: 1
        }
      }
    }
</script>

<style scoped>
  .item_box {
    float: left;
    /*min-height: 455px;*/
    width: 580px;
    border-left: 1px #d5d5d5 solid;
    padding-bottom: 32px;
  }
  .item_detail dd {
    min-height: 300px;
    padding-top: 0px;
    font-size: 14px;
    color: #999;
  }
  ul.pri {
    background-color: #b0352f;
    /*background-image: url(../images/goodsinfo_bg1.png);*/
    padding-bottom: 4px;
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-right: -4px;
    margin-left: -1px;
    position: relative;
    z-index: 9;
    padding-top: 15px;
    padding-right: 20px;
    height: 84px;
    padding-left: 20px;
    margin-bottom: 10px;
  }
  ul.pri li.t1 {
    line-height: 14px;
    width: 65px;
  }
  ul.pri li {
    color: #ffffff;
    float: left;
    width: auto;
    font-size: 14px;
  }
  .item_detail li {
    padding: 0px;
    position: relative;
    width: auto;
  }
  ul.pri li.t2 {
    font-size: 30px;
    padding-right: 10px;
    height: 45px;
    line-height: 30px;
    overflow: hidden;
  }
  ul.pri li.t4 {
    width: 116px;
    clear: both;
    padding-top: 4px;
    padding-left: 65px;
  }
  .cle li{
    height: 30px;
    margin-left: 10px;
  }
  .bit {
    margin-top: 4%;
  }
</style>
